.timeline, 
.timeline:after, 
.timeline-time, 
.timeline-label, 
.timeline-icon:not([class^="bg-"]):not([class*=" bg-"]){    background-color: #fff;}
.timeline:before{left: 29px;    top: 0;}
.timeline:after{left:26px;}

.timeline .timeline-entry,.timeline .timeline-header{margin-right:15px;}

.timeline .timeline-header:first-child{margin-top:0;}
.timeline .timeline-stat .timeline-icon{margin-top:0;}
.timeline .panel{margin:0;border:0 none;    box-shadow: none;
    border-radius: 0;}
.timeline .panel .panel-heading{height:auto;background: #d5e1ee;height:40px;}
.timeline .panel .panel-heading .panel-title {line-height: 40px;font-size: 0.96em;padding: 0 10px 0 20px;}
.timeline .panel .panel-heading .panel-control{padding: 0 10px;}
.timeline .panel .panel-body{border:1px solid #d5e1ee;padding:15px;}

.timeline .timeline-stat{width:60px;}
.timeline .timeline-label{padding:0; background:none;border:0 none;margin-left: 60px;}
.timeline .timeline-label:before{margin: 11px 0 0 -10px;border-right: 10px solid #c6d2de;}
.timeline .timeline-label:after{margin: 11px 0 0 -9px;border-right-color: #d5e1ee;}

.timeline .plan-item-list .plan-item-wrap{display: block;height:100px;clear: both;margin-bottom:15px;overflow: hidden;}
.timeline .plan-item-list .plan-item-wrap:last-child{margin-bottom:0;}

.timeline-add .timeline-label:before,.timeline-add .timeline-label:after{display:none;}
.timeline-add .timeline-label .btn{border:0.12em dashed #e1e3e5;font-size:16px;line-height:32px;
	text-align:center;border-radius: 4px;}
.timeline-add .timeline-label .btn:hover{border-color: #145a9a;color: #145a9a;}

.timeline .plan-item{float:left;padding:0 2.5px 5px 2px !important;width: 20%;}
/* .timeline .plan-item:nth-child(4n){margin-right:0;}
.plan-item+.plan-item{margin-left:5px;} */
.timeline .plan-item .panel-heading{height:30px;}
.timeline .plan-item .panel-heading .panel-title{line-height:30px;padding: 0 10px;}
.timeline .plan-item .panel-heading .panel-control{padding: 0;}
.timeline .plan-item .panel-heading .panel-control .btn{    padding-left: 0px;}
.timeline .plan-item .panel-heading .panel-control i{font-size:12px;}
.timeline .plan-item .panel-body{word-wrap: break-word; word-break: break-all;min-height:70px;}
.timeline-wrap .panel-heading{cursor:move;}

.state-wrapper{padding-top:10px;}
.state-wrapper .state-list{max-height:400px;overflow:hidden;overflow-y:auto;}
a.state-title{display:block;text-align:right;color: #399ff4;margin:0 15px 10px;}
a.state-title i{color: #aabccf;}
.state-list.timeline{padding-bottom: 15px;}
.state-list.timeline:before{left: 19px;top: 0;bottom: 45px;}
.state-list.timeline:after{display:none;left: 16px;}
.state-list.timeline .timeline-icon:empty{ height:7px; width:7px;border: 1px solid #bec6ce;}
.state-list.timeline .timeline-stat{position: absolute;top: 50%;margin-top: -4px;padding: 0;width: 40px;}
.state-list.timeline .timeline-label{min-height: 30px;margin-left: 40px;padding: 0 50px 0 55px;}
.state-list.timeline .timeline-label:before,.state-list.timeline .timeline-label:after{display:none;}
.state-list.timeline .timeline-header:first-child,.state-list.timeline .timeline-entry{margin-bottom:10px;}
.state-list.timeline .timeline-entry{padding: 10px 10px 10px 0;    margin: 0;cursor: pointer;}
.state-list.timeline .timeline-entry:hover,.state-list.timeline .timeline-entry.active{
	background-color: rgba(213, 225, 238, 0.35);color: #399ff4;
}
.state-list.timeline .timeline-entry:hover small,.state-list.timeline .timeline-entry.active small{color: #7ac3ff;}
.state-list.timeline .timeline-entry:last-child{margin-bottom:0;}

.state-list.timeline .timeline-label span.absolute_span{position:absolute;left:0;top:0;}
.state-list.timeline .timeline-label span.absolute_span.badge{left: auto;right:0;}
.state-list.timeline .timeline-label p{margin:0 0 5px 0;}
.state-list.timeline .timeline-label small{display:block;color: #aabccf;}


.plan-item-wrap a.plan-item-add{display:block;width:110px;float:left;text-align:center;border:1px dashed #d5e1ee;padding: 20px 0;
	cursor:pointer;margin-left: 2.5px;}
.plan-item-wrap a.plan-item-add:hover{background: #fafafa;}
.plan-item-wrap a.plan-item-add:active{background:#e7e9ed;}
.plan-item-wrap a.plan-item-add i{font-size:30px;line-height: 40px;}
.plan-item-wrap a.plan-item-add span{display:block;}

/* .plan-item-wrap a.plan-wrap-add{padding: 10px 0;}
.plan-item-wrap a.plan-wrap-add i{font-size:22px;line-height: 30px;} */

.layer_wrapper{padding:20px 20px 0;}
.layer_wrapper .form-group:last-child{margin-bottom:0;}


.ui-state-highlight {height:260px;background:#fefefe;border:1px dashed #e2e2e2;margin:0 15px 25px 60px;
	-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.09) inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.09) inset;            /* For Chrome5+, Safari5+ */
	box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.09) inset;                    /* For Latest Opera */
}
.ui-state-highlight-item{height:100px;width:144.5px;background:#fefefe;border:1px dashed #e2e2e2;float:left;margin:0 2.5px 5px 2.5px;
	-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09) inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09) inset;            /* For Chrome5+, Safari5+ */
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09) inset;                    /* For Latest Opera */
}


.prefer-item{display:block;float:left;width:100px;height:90px;position:relative;border: 1px solid #d1d9de;
    box-shadow: inset 0px 1px 20px 8px rgba(0, 0, 0, 0.05);transition: all .4s;}
.prefer-item+.prefer-item{margin-left:20px;}
.btn-add-jenkins{width: 100px;height: 90px;line-height: 90px;font-size: 18px;}
.btn-img-item{height:90px;width: 100px;padding-top:10px;text-align: center;}
.btn-img-item img{max-width:100%;max-height:50px;}
.btn-img-item small{display:block;font-size:12px;max-width: 70px;margin:5px auto 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prefer-item span{display:none;position:absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;background:rgba(0,0,0,0.5);
	text-align:center;line-height:90px;font-size:22px;color:#fff;cursor:pointer;transition: all .4s;}
.prefer-item span i{transition: all .4s;}
.prefer-item span i:first-child{font-size: 18px;}
.prefer-item span i+i{margin-left:10px;}
.prefer-item span i:first-child:hover{font-size: 26px;color: #1c9bf3;}
.prefer-item span i:hover{font-size: 30px;color: #1c9bf3;}
.prefer-item:hover span{display:block;}

a{outline:0;color:#26a0f5;cursor: pointer;}
a,a:focus,a:hover{text-decoration:none}
a:focus,a:hover{color:#cceaff}
a:focus,a:hover,button,button:focus{outline:0!important}

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
   /*  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-fixed-btns {
    border-top: 1px solid rgba(0,0,0,.07);
    background-color: #f3f5f9;
    color: #758697;
    position: fixed;
    padding: 10px;
    bottom: 0; 
    z-index: 4;
    left: 0;
    right: 0;
    height: auto;
}

.layui-layer-dialog {
top:300px!important;
}


.panel-default>.panel-heading {
    background-color: #f0f8ff;
    border-color: #e8f4ff;
    padding: 0px 0px;
    height: auto;
    line-height: 22px;
}
.panel-title {
    padding: 0 10px;
    font-size: 0.9em;
    line-height: 22px;
}
.timeline .panel .panel-heading .panel-title {
    line-height: 22px;
    font-size: 0.96em;
    padding: 0 10px 0 20px;
}
.timeline .panel .panel-heading {
    height: auto;
    background: #d5e1ee;
    /* height: 40px; */
}
.timeline .timeline-label:after {
    margin: 2px 0 0 -9px;
    border-right-color: #d5e1ee;
}
.btn-lg, .btn-group-lg>.btn, .btn-icon.btn-lg {
    padding: 5px 16px;
    line-height: 1.33;
    font-size: 14px;
}
.btn {
    padding: 3px 16px;
    border-radius: 4px;
    line-height: 1;
    font-size: 14px;
}
.timeline .plan-item .panel-heading .panel-title {
    line-height: 22px;
    padding: 0 10px;
}
.timeline .panel .panel-body {
    border: 1px solid #d5e1ee;
    padding: 0 15px 5px 15px;
}
.timeline-add .timeline-label .btn {
    line-height: 22px;
}
.timeline .timeline-stat .timeline-icon {
    margin-top: -5px;
}
/* #scrollspy-control ul.nav li.active a, #scrollspy-control ul.nav li.active a:hover { */
/*     background: #263238; */
/*     color: #fff; */
/* } */